<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<!DOCTYPE html>
<html>
    <head>
        <title>一笑网Top榜</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="../../static/layui/css/layui.css" />
        <link rel="stylesheet" href="../../static/css/yx.css" />
        <script src="../../static/js/jquery-2.1.4.min.js" ></script>
        <script type="text/javascript" src="../../static/layui/layui.all.js" ></script>
        <script src="../../static/js/yx.js" >/*公共js*/</script>
        
        <style type="text/css">
        	.cc{margin-top: 1.5em;}
        	.c1{width: calc(100% - 31rem);min-height: 50rem;border:0px #000 solid;float: left;background-color: #fff;}
        	.c2{width: 30rem;min-height: 20rem;border:0px #000 solid;float: right;}
        	
        	.page-head{padding: 0.4em 0em; margin: 0em 2em; border-bottom:1px #ccc dashed}
			.page-head img{width: 5rem;height: 5rem;border-radius: 50%;}
			.puname{font-size: 1.1em;margin: auto 0.3em; position: relative;top: 3px;}
			.pjs{color: #888;display: inline-block;text-indent: 1em;}
		        	
		    .topid{display: inline-block;width: 40px;text-align: center; font-size: 36px;position: relative;top: 10px;color: #009688;}
        	
        </style>
        <script type="text/javascript">
        	
        	
        	$(function(){
        		
        		//分页
				
        		
        		
        	})
        	
        	
        </script>
    </head>
    <body>
    	<div class="aa"> 
    		<%@include file="../in/in_head.jsp"%> <!-- 头部导入 -->
    	</div>
    	
    	<div class="cc yx-max-width yx-phone-max">
    		
    		<!-- 遍历Usee -->
    		<div class="c1 yx-phone-max">
    			<br />
				<h3 class="yu-head yx-color-one" style="padding-left: 2em;">排行榜</h3>
				
				<c:forEach items="${top_useeinfos}" var="u" varStatus="s">
					<div class="page-head">
						<a href="../user/rus.html?uid=${u.uid}" target="_blank">
							<span class="topid">${s.index+1}</span>
							<img src="../../static/tu/${u.uid}/tou.png"/>
							<span class="puname yx-hover-red yx-color-one">${u.uname}</span>
							<span class="ptx layui-badge layui-bg-blue usee_tx">${u.ujf}</span>
							<span class="pjs yx-phone-max"><small>${u.uxy}</small></span>
						</a>
					</div>
				</c:forEach>
    			
    			<br />
    		</div>
    		
    		<div class="c2 yx-phone-max">
    			
    			<div style="background-color: #FFF;">
    				<%@include file="../in/in_login_user.jsp"%> <!-- 当前登录用户导入 -->
    			</div>
    			
				<div style="min-height: 200px;margin-top: 0.5em; background-color: #FFF;">
					<%@include file="../in/in_youtj.jsp"%> <!-- 右部导入 -->
				</div>
				
    		</div>
    		
    		<div class="fenyefox">
				<div id="fenye"> <!-- 牛逼的分页 哈哈 --> </div>
			</div>
    		
    		
    	</div>
    	
    	
    	<br style="clear: both;" /><br /><br />
    	<div class="ff">
    		<%@include file="../in/in_bottom.jsp"%> <!-- 底部版权导入 -->
    	</div>
    	
    	
    	
 	</body>
</html>